import { jsx } from 'react/jsx-runtime';

function arrowTop (props) {
    const name = props.className;
    let className = 'w-svg';
    if (name) {
        className += ' ' + name;
    }
    let fn = props.onClick;
    let fnClick;
    if (fn) {
        fnClick = (e) => {
            fn(e);
        };
    }
    return (jsx("span", { onClick: fnClick, className: className, style: { fontSize: props.fontSize, color: props.color }, children: jsx("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M826.2 654.6l-3.6-4.2-272-313c-9.2-10.6-23-17.2-38.4-17.2-15.4 0-29.2 6.8-38.4 17.2L202 649.8l-4.6 5.2C194 660 192 666 192 672.4c0 17.4 14.8 31.6 33.2 31.6l0 0 573.6 0 0 0c18.4 0 33.2-14.2 33.2-31.6C832 665.8 829.8 659.6 826.2 654.6z" }) }) }));
}

export { arrowTop as default };
